<script lang="ts" setup>
const { types } = useTypes();
const router = useRouter();
const search = (type: string) => {
  router.push({
    path: "/SchRes",
    query: {
      type,
    },
  });
};
</script>
<template>
  <div>
    <ul>
      <li
        v-for="it in types"
        :key="it.name"
        class="w-full h-47 lh-47 flex justify-start items-center pl-16 shadow-[0px_1px_3px_0px_rgba(0,0,0,0.2)]"
        @click="search(it.name)"
      >
        <img class="w-23 h-23 mr-10" :src="it.icon" alt="" />
        <span class="text-16 font-600">{{ it.name }}</span>
      </li>
    </ul>
  </div>
</template>
